<template>
  <!-- 事件配置 -->
  <el-collapse class="eventSetting" v-model="activeNames">
    <el-text depth="3">
      组件 id：
      <el-text>{{ selectComponent.id }}</el-text>
    </el-text>
    <chart-event-base-handle></chart-event-base-handle>
    <chart-event-advanced-handle></chart-event-advanced-handle>
  </el-collapse>
</template>

<script setup>
import { computed } from "vue"
import { useStore } from "vuex"
import ChartEventAdvancedHandle from "./component/ChartEvent/ChartEventAdvancedHandle.vue"
import ChartEventBaseHandle from "./component/ChartEvent/ChartEventBaseHandle.vue"

const store = useStore()
const selectComponent = computed(
  () => store.state.chartEditStore.selectedComponent
)

const activeNames = ["1", "2"]
</script>

<style lang="scss" scoped></style>
